//some basic definitions
//html-elements only. no classes

@mixin background-radial-gradient($figure, $type, $position_x, $position_y, $color_1, $color_2, $color_3){
//final w3c
  background: radial-gradient(
      $type $figure at $position_x $position_y,
      $color_1,
      $color_2,
      $color_3
  ),
  url("../img/bgnoise_lg_dark.png");
  //webkit-specific
  background: -webkit-radial-gradient(
      $position_x $position_y, $type $figure,
      $color_1,
      $color_2,
      $color_3
  ),
  url("../img/bgnoise_lg_dark.png");

  //moz-specific
  background: -moz-radial-gradient(
      $position_x $position_y, $type $figure,
      $color_1,
      $color_2,
      $color_3
  ),
  url("../img/bgnoise_lg_dark.png");
}

html{
  min-height: 100%;
}

body{
  min-width: 300px;
  min-height: 620px;
  font-weight: 300;
  padding-bottom: 100px;
  background-image: url(""), url("../img/bgnoise_lg_dark.png");
  @include background-radial-gradient(ellipse, farthest-side, 10%, 0,
    rgba(74, 121, 147, 0.89),
    rgba(226, 226, 226, 0.87),
    rgba(185, 135, 131, 0.87)

  );
}

#{headings()} {
  font-weight: 300;

  small{
    color: $smallsColor;
  }
}
h1 {
  font-size: 50px;
}
h2{
  font-size: 26px;
}

h3{
  font-size: 20px;
}

h4 {
  font-size: 15px;
}
h5,
h6 {
  font-size: 11px;
}

input[type=search], input.search {
  padding-left: 26px;
  background-color:white;
  background:url(../img/search.png) 5px 5px no-repeat #fff;
}

ul ul,
ol ul{
  list-style: none;
}

ul, ol{
  list-style: none;
}

hr{
  margin: 5px 0 10px;
}


//setting default iframe behaviour to border box
//so it behaves normally within .control-row
iframe{
  @include box-sizing(border-box);
}

//opera is buggy? no chrome is buggy! really strange fix
fieldset{
  width: 100%;
}

/* --------------------------------------------------------	*/
/*	Custom styled scrollbar */
/* --------------------------------------------------------	*/
html:not(.osx) ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
html:not(.osx) ::-webkit-scrollbar-track-piece {

  background-color: #eee;
  box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
}
html:not(.osx) ::-webkit-scrollbar-thumb:vertical {
  opacity:0.4;
  background-color: $red;
}

html:not(.osx) ::-webkit-scrollbar-thumb:horizontal {
  opacity:0.4;
  background-color: $red;
}